<template>
  <div class="fragments">
    <headerWrap></headerWrap>
    <div class="container-wrap">
      <div class="container-y" style="overflow: hidden">
        <switch-tab :tabData="tabData"
                    :switchFlag="switchFlag"
                    @_onclick="switchClick">
        </switch-tab>
        <div class="pull-wrap">
          <div id="submitList" class="mescroll" v-show="switchFlag === 0">
            <ul class="home-list-ul" id="sp">
              <li class="home-list-item"
                  v-for="(item,index) in submitList"
                  v-if="item.title"
                  :key="index"
                  @click="goDetails(item)">
                <div class="title">
                  {{item.title}}
                </div>
                <!--<div class="time" v-if="item.pushEvent || item.pushRisk">-->
                  <!--<div class="info-push-flag-event" v-if="item.pushEvent">-->
                    <!--{{item.pushEvent}}-->
                  <!--</div>-->
                  <!--<div class="info-push-flag-risk" v-if="item.pushRisk">-->
                    <!--{{item.pushRisk}}-->
                  <!--</div>-->
                <!--</div>-->
                <div class="time">
                  <span class="blue1Color">{{item.typeName}}</span>
                  <!--<div class="rt">-->
                    <!--{{item.typeName}}-->
                  <!--</div>-->
                </div>
                <div class="time">
                 {{item.time}}
                </div>
              </li>
            </ul>
          </div>
          <div id="draftList" class="mescroll" v-show="switchFlag === 1">
            <ul class="home-list-ul" id="sd">
              <li class="home-list-item"
                  v-for="(item,index) in draftList"
                  :key="index"
                  @click="goSubmit(item,0,1)">
                <div class="title">
                  {{item.title}}
                </div>
                <!--<div class="time" v-if="item.pushEvent || item.pushRisk">-->
                  <!--<div class="info-push-flag-event" v-if="item.pushEvent">-->
                    <!--{{item.pushEvent}}-->
                  <!--</div>-->
                  <!--<div class="info-push-flag-risk" v-if="item.pushRisk">-->
                    <!--{{item.pushRisk}}-->
                  <!--</div>-->
                <!--</div>-->
                <div class="time">
                  <span class="blue1Color">{{item.typeName}}</span>
                  <!--<div class="rt">-->
                  <!--{{item.typeName}}-->
                  <!--</div>-->
                </div>
                <div class="time">
                  {{item.time}}
                </div>
              </li>
            </ul>
          </div>
          <div class="pdb"></div>
        </div>
      </div>
      <transition name="slideRight">
        <router-view></router-view>
      </transition>
    </div>
  </div>
</template>

<script>

  import infoSubmitList from "./infoSubmitList.js"

  export default infoSubmitList

</script>

